<template>
    <div>
        <el-tooltip class="item" effect="dark" :content="text" placement="top">
            <div class="content">
                {{ text }}
            </div>
        </el-tooltip>
    </div>
</template>

<script>
export default {
    name: "ud-tooltip",
    props: {
        text: {
            type: String,
            default: ''
        }
    },
}
</script>

<style scoped>
.content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
</style>